<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0"/>
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta charset="UTF-8">
    <title>团购商城_列表</title>
    <link rel="stylesheet" href="../lib/sm.min.css">
    <link rel="stylesheet" href="../lib/sm-extend.min.css">
    <link rel="stylesheet" href="../font-awesome-4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="../css/comment.css">
    <link rel="stylesheet" href="../css/goods_list.css">


    <script src="../lib/zepto.min.js"></script>
    <script src="../lib/sm.js"></script>
    <script src="../lib/sm-extend.min.js"></script>
    <script src="../lib/angular.js"></script>
    <script src="../lib/demos.js"></script>
    <script src="../lib/jquery-min.js"></script>
    <script src="../lib/swiper.min.js"></script>
</head>
<body ng-app="app" ng-controller="info">

<header class="bar bar-nav">
    <a href="javascript:" onclick="self.location=document.referrer;" class=" s icon icon-left pull-left"></a>
    <a class="icon icon-refresh pull-right"></a>

    <h1 class="title">团购商城</h1>

</header>

<div id="page-ptr" class="page">
    <nav class="topnav">
        <ul class="topul">

            <li style="list-style: none; ">
                <a>推荐</a>
            </li>

            <li ng-click="chocegrouptype(1)" style="list-style: none;">
                <a>{{goodsTypes[0].goodsTypeName}}</a>

            </li>

            <li ng-click="chocegrouptype(2)" style="list-style: none;">
                <a>{{goodsTypes[1].goodsTypeName}}</a>

            </li>

            <li ng-click="chocegrouptype(3)" style="list-style: none;">
                <a>{{goodsTypes[2].goodsTypeName}}</a>
            </li>
            <li ng-click="chocegrouptype(4)" style="list-style: none;">
                <a>{{goodsTypes[3].goodsTypeName}}</a>
            </li>

            <li ng-click="chocegrouptype(5)" style="list-style: none;">
                <a>{{goodsTypes[4].goodsTypeName}}</a>
            </li>

            <li ng-click="chocegrouptype(6)" style="list-style: none;">
                <a>{{goodsTypes[5].goodsTypeName}}</a>
            </li>

            <li ng-click="chocegrouptype(7)" style="list-style: none;">
                <a>{{goodsTypes[6].goodsTypeName}}</a>
            </li>

        </ul>
    </nav>

    <div class="  content pull-to-refresh-content">
        <div class="pull-to-refresh-layer">
            <div class="preloader"></div>
            <div class="pull-to-refresh-arrow"></div>
        </div>

        <ul class="goodsul">

            <li ng-repeat="list in grouplist">

                <div class="img"><img ng-src="{{grouplist[$index].imgSrc[0]}}"></div>

                <div>
                    <h6>{{grouplist[$index].groupTitle}}</h6>
                    <p>{{grouplist[$index].groupSynopsis}}</p>

                </div>
                <div>
                    <span class="fa fa-jpy spano">18</span>&nbsp; <span class="fa fa-jpy spant">16</span>
                    <span class=" fa fa-modx" >免邮费</span>
                    <span class="spanth fa fa-thumbs-o-up">自营</span>

                </div>
            </li>


        </ul>

        <div class="footer">
            <p><a href="login.html" class="button button-dark">登陆</a></p>

            <p><a href="login.html" class="button button-dark">注册</a></p>

            <p><a href="#" class="button button-dark">关于我们</a></p>
            <span>2016 四川旅游学院 B2-20080224 </span>
        </div>


    </div>
    <nav class="bar bar-tab footernav ">
        <a class="tab-item external active" href="#">
            <span class="icon icon-home"></span>
            <span class="tab-label">首页</span>
        </a>
        <a class="tab-item external" href="#">
            <span class="icon icon-search"></span>
            <span class="tab-label">搜索</span>

        </a>
        <a class="tab-item external " href="user_index.html">
            <span class="icon icon-me"></span>
            <span class="tab-label">个人中心</span>

        </a>

    </nav>
    <div id="returnTop">
        <span class="fa fa-arrow-up" aria-hidden="true"></span></br>
        <span>顶部</span>
    </div>
</div>


</body>
<script src="../control/group_info.js"></script>
<script src="../myjs/index.js"></script>
<script src="../myjs/goods_list.js"></script>
</html>